<?php  
    use yii\helpers\Html;
    use yii\helpers\Url;
    use yii\widgets\LinkPager;


?>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的资料</title>
    <!--<meta name="description" content="这是主页">-->
    <meta name="keywords" content="form">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="css/chinaz.css">
    <link rel="stylesheet" href="css/amazeui.swiper.min.css">


    <link rel="stylesheet" href="css/index.css">
    <!--<link rel="stylesheet" href="css/amazeui.slick.min.css">
    -->
    <!--<link rel="icon" type="image/png" href="assets/i/favicon.png">
    -->
    <!--<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    -->
    <!--<meta name="apple-mobile-web-app-title" content="Amaze UI" />
    -->
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/layout.css"/>
    <script src="assets/js/jquery.min.js"></script>

    <!--<link rel="stylesheet" href="assets/css/admin.css">--></head>
<body>

            <div style="width: 100%;padding-left: 4%;padding-top: 4px;padding-right: 4%;">

                <!--概括component-->
                <div style="width: 100%;height: 40px;background-color: #99d3ef;">
                    <div style="float: left;background-color: #55B6E4;width: 2%;height: 40px"></div>
                    <div style="float: left;padding-top: 4px;margin-left: 10px">
                        <span style="font-size: 20px">基本信息</span></div>
                </div>
                <!--over-->

                <!--内容component-->
                <div style="width: 100%;height: 44px;border-bottom: 1px solid #dfe5e9;font-size: 16px;padding-top: 10px">
                    <h4 style="display:inline;color: #2d3e4f;margin: 0"><span style="color: red">*</span>
                        姓名</h4>
                    <h4 style="display:inline;margin:0;margin-left: 48px" id="a12"><?= Html::encode($user->user_name)?></h4>
                    <h4 style="display:inline;color: red;float: right;margin-top:0;margin-bottom:0;margin-right: 10px;cursor:pointer;"
                        onclick="changeName()" id="a11">
                        修改</h4>
                </div>
                <!--over-->
                <!--隐藏div-->
                <div style="width: 100%;height: 44px;background-color: #eff3f5;padding-top: 7px;font-size:18px;display: none"
                     id="a1">
                    <input style="height: 30px;outline: none;width: 160px;background-color: inherit;border: 1px solid #dddddd;
                    margin-left: 92px" placeholder="在此输入您的姓名" id="a13">
                    <span id="a14" style="color: red;font-size: 12px"></span>
                    <button style="width: 70px;height: 30px;padding-top: 4px;outline: none;border: none;color:white;
                    margin-left: 30px;" onclick="saveName()">
                        完成
                    </button>
                </div>
                <script>
                    var a1 = true;
                    function changeName() {
                        if (a1) {
                            $('#a1').css('display', 'block');
                            $('#a11').text("取消");
                            a1 = false;
                        }
                        else {
                            $('#a1').css('display', 'none');
                            $('#a11').text("修改");
                            a1 = true;
                        }
                    }
                    function saveName() {
                        if ($('#a13').val().length < 3 || $('#a13').val().length > 8) {
                            $("#a14").text('姓名不能少于三位且不能多于八位');
                        }
                        else {
                            $('#a12').text($('#a13').val());
                            $('#a14').text('');
                            $('#a1').css('display', 'none');
                            $('#a11').text("修改");
                            a1 = true;

                        }
                    }
                </script>
                <!--over-->
                <!--内容component-->
                <div style="width: 100%;height: 44px;border-bottom: 1px solid #dfe5e9;font-size: 16px;padding-top: 10px">
                    <h4 style="display:inline;color: #2d3e4f;margin: 0"><span style="color: red">*</span>
                        性别</h4>
                    <h4 style="display:inline;margin:0;margin-left: 48px" id="a22"><?= $user->sex==1? Html::encode("男"):Html::encode("女")?></h4>
                    <h4 style="display:inline;color: red;float: right;margin-top:0;margin-bottom:0;margin-right: 10px;
                    cursor: pointer" onclick="changeSex()" id="a21">
                        修改</h4>

                </div>
                <!--over-->
                <div style="width: 100%;height: 44px;background-color: #eff3f5;padding-top: 7px;font-size:18px;display: none"
                     id="a2">
                    <input type="radio" name="ha" value="男" style="margin-left: 92px;width: 12px;margin-right: 4px">男
                    <input type="radio" name="ha" value="女" style="margin-left: 20px;width: 12px;margin-right: 4px">女
                    <button style="width: 70px;height: 30px;padding-top: 4px;outline: none;border: none;color:white;
                    margin-left: 30px;" onclick="saveSex()">
                        完成
                    </button>
                </div>
                <script>
                    var a2 = true;
                    function changeSex() {
                        if (a2) {
                            $('#a2').css('display', 'block');
                            $('#a21').text("取消");
                            a2 = false;
                        }
                        else {
                            $('#a2').css('display', 'none');
                            $('#a21').text("修改");
                            a2 = true;
                        }
                    }
                    function saveSex() {
                        $('#a22').text($('input[name="ha"]:checked').val());
                        $('#a2').css('display', 'none');
                        $('#a21').text("修改");
                        a2 = true;
                    }
                </script>

                <!--内容component-->
                <div style="width: 100%;height: 44px;border-bottom: 1px solid #dfe5e9;font-size: 16px;padding-top: 10px">
                    <h4 style="display:inline;color: #2d3e4f;margin: 0"><span style="color: red">*</span>
                        身份证</h4>
                    <h4 style="display:inline;margin:0;margin-left: 30px" id="a32"><?= Html::encode($user->identityCard)?></h4>
                    <h4 style="display:inline;color: red;float: right;margin-top:0;margin-bottom:0;margin-right: 10px;cursor: pointer"
                        id="a31" onclick="changeId()">
                        修改</h4>

                </div>
                <!--over-->
                <!--隐藏div-->
                <div style="width: 100%;height: 44px;background-color: #eff3f5;padding-top: 7px;font-size:18px;display: none"
                     id="a3">
                    <input style="height: 30px;outline: none;width: 200px;background-color: inherit;border: 1px solid #dddddd;
                    margin-left: 92px;font-size: 14px" placeholder="在此输入您的身份证号" id="a33">
                    <span id="a34" style="color: red;font-size: 12px"></span>
                    <button style="width: 70px;height: 30px;padding-top: 4px;outline: none;border: none;color:white;
                    margin-left: 30px;" onclick="saveId()">
                        完成
                    </button>
                </div>
                <script>
                    var a3 = true;
                    function changeId() {
                        if (a3) {
                            $('#a3').css('display', 'block');
                            $('#a31').text("取消");
                            a3 = false;
                        }
                        else {
                            $('#a3').css('display', 'none');
                            $('#a31').text("修改");
                            a3 = true;
                        }
                    }
                    function saveId() {
                        for (var i = 0; i < $('#a33').val().length; i++) {
                            if (isNaN($('#a33').val()[i])) {
                                $("#a34").text('请输入正确身份证');
                                return false;
                            }
                        }
//                        if ($('#a33').val().length < 3 || $('#a13').val().length > 8) {
//                            $("#a14").text('姓名不能少于三位且不能多于八位');
//                        }
//                        else {
                        $('#a32').text($('#a33').val());
                        $('#a34').text('');
                        $('#a3').css('display', 'none');
                        $('#a31').text("修改");
                        a3 = true;

//                        }
                    }
                </script>
                <!--over-->
                <!--内容component-->
                <div style="width: 100%;height: 44px;border-bottom: 1px solid #dfe5e9;font-size: 16px;padding-top: 10px">
                    <h4 style="display:inline;color: #2d3e4f;margin: 0"><span style="color: red">*</span>
                        微信号</h4>
                    <input style="margin-left: 30px;outline:none;width: 170px;border:none" value="<?= Html::encode($user->wechat )?>"
                           readonly id="a42">
                    <h4 style="display:inline;color: red;float: right;margin-top:0;margin-bottom:0;margin-right: 10px;
                    cursor: pointer" onclick="changeWX()" id="a41">
                        修改</h4>
                </div>
                <script>
                    var a4 = true;
                    function changeWX() {
                        if (a4) {
                            $('#a41').text('完成');
                            $('#a42').removeAttr('readonly').css({
                                'border': '1px solid red',
                                'box-shadow': '0px 0px 3px red'
                            });
                            $('#a42').select();
                            a4 = false;
                        }
                        else {
                            $('#a41').text('修改');
                            $('#a42').attr('readonly');
                            $('#a42').css({
                                'border': 'none',
                                'box-shadow': 'none'
                            });

                            a4 = true;
                        }

                    }
                </script>
                <!--over-->
                <!--内容component-->
                <div style="width: 100%;height: 44px;border-bottom: 1px solid #dfe5e9;font-size: 16px;padding-top: 10px">
                    <h4 style="display:inline;color: #2d3e4f;margin: 0"><span style="color: red">*</span>
                        院校</h4>
                    <input style="margin-left: 46px;outline:none;width: 170px;border: none" value="<?= Html::encode($user->school)?>" readonly
                           id="a52">

                    <h4 style="display:inline;color: red;float: right;margin-top:0;margin-bottom:0;margin-right: 10px;
                    cursor: pointer" onclick="changeSchool()" id="a51">
                        修改</h4>
                </div>
                <script>
                    var a5 = true;
                    function changeSchool() {
                        if (a5) {
                            $('#a51').text('完成');
                            $('#a52').removeAttr('readonly').css({
                                'border': '1px solid red',
                                'box-shadow': '0px 0px 3px red'
                            });
                            $('#a52').select();
                            a5 = false;
                        }
                        else {
                            $('#a51').text('修改');
                            $('#a52').attr('readonly');
                            $('#a52').css({
                                'border': 'none',
                                'box-shadow': 'none'
                            });

                            a5 = true;
                        }

                    }
                </script>
                <!--over-->
                <!--概括component-->
                <div style="width: 100%;height: 40px;background-color: #99d3ef;">
                    <div style="float: left;background-color: #55B6E4;width: 2%;height: 40px"></div>
                    <div style="float: left;padding-top: 4px;margin-left: 10px">
                        <span style="font-size: 20px">安全设置</span></div>
                </div>
                <!--over-->
                <!--内容component-->
                <div style="width: 100%;height: 44px;border-bottom: 1px solid #dfe5e9;font-size: 16px;padding-top: 10px">
                    <h4 style="display:inline;color: #2d3e4f;margin: 0"><span style="color: red">*</span>
                        登录密码</h4>
                    <!--<h4 style="display:inline;margin:0;margin-left: 48px">男</h4>-->
                    <h4 style="display:inline;color: red;float: right;margin-top:0;margin-bottom:0;margin-right: 10px">
                        <img src="img/icon-04.png" style="width: 70px">
                        <span style="cursor: pointer" id="a61">修改</span></h4>

                </div>
                <!--over-->
                <div style="display: none;width: 100%;height: 180px;font-size: 14px;background-color: #eff3f5;padding-top: 7px;text-align: center"
                     id="a6">
                    <div style="color: #7f8c8d;margin-top: 10px;margin-bottom: 20px">
                        <!--<div style="display: inline-block;width: 30px;height: 30px;font-size: 20px;color: white;background-color: #3A99DB;border-radius: 50%;text-align: center;padding:1px 8px 2px 8px">-->
                        <!--1-->
                        <!--</div>-->
                        <span id="b4"
                              style="width: 30px;height: 30px;font-size: 16px;color: white;background-color: #3A99DB;border-radius: 50%;text-align: center;padding:6px 10px 4px 10px"
                        >1</span>
                        <!--<div style="display: block;height: 40px;margin-top: 0px">-->
                        <span style="margin-left: 4px;font-size: 16px">手机验证</span>
                        <!--</div>-->
                        <img src="img/heng.png" style="height: 22px;margin-left: 8px;margin-top: -6px">

                         <span id="b5"
                               style="margin-left: 8px;width: 30px;height: 30px;font-size: 16px;color: white;background-color: #7c7c7c;border-radius: 50%;text-align: center;padding:6px 10px 4px 10px"
                         >2</span>
                        <!--<div style="display: block;height: 40px;margin-top: 0px">-->
                        <span style="margin-left: 4px;font-size: 16px">重新设置密码</span>
                        <!--</div>-->
                        <img src="img/heng.png" style="height: 22px;margin-left: 8px;margin-top: -6px">



                         <span id="b6"
                               style="margin-left: 8px;width: 30px;height: 30px;font-size: 16px;color: white;background-color: #7c7c7c;border-radius: 50%;text-align: center;padding:6px 10px 4px 10px"
                         >3</span>
                        <!--<div style="display: block;height: 40px;margin-top: 0px">-->
                        <span style="margin-left: 4px;font-size: 16px">设置成功</span>
                        <!--</div>-->
                        <!--<img src="img/heng.png" style="height: 22px;margin-left: 8px;margin-top: -6px">-->
                    </div>
                    <div style="clear: both"></div>
                    <div id="a63">
                        手机验证码
                        <input style="background-color: white;width: 140px;outline: none;height: 24px;margin-left:10px;border: 1px solid #DDDDDD;padding:4px">
                        <button style="margin-left: 10px;outline: none;height: 24px;width: 100px;background-color: #B6c1c9;border: 1px solid #7c7c7c">
                            获取验证码
                        </button>
                        <div style="margin-top: 10px">
                    <span style="color: #B6c1c9;font-size: 12px">
                        验证码将会发送到你注册尾号为<span>9999</span>的手机上
                    </span>
                        </div>

                        <div style="margin-top: 20px">
                            <button id="a62"
                                    style="width: 60px;padding: 4px;font-size: 16px;color:white;background: #3A99DB;outline: none;border: none;border-radius: 4px">
                                确认
                            </button>
                        </div>
                    </div>
                </div>
                <script>
                    var a6 = true;
                    $('#a61').click(function () {
                        if (a6) {
                            $('#a6').css('display', 'block');
                            $('#a61').text('取消');
                            a6 = false;
                        }
                        else {
                            $('#a6').css('display', 'none');
                            $('#a61').text('修改');
                            a6 = true;
                        }
                    });
                    $('#a62').click(function () {
//                        $('#a62').attr('id', 'a64');
                        $('#a63').html('&nbsp;新密码&nbsp;<span style="color:red">*</span>' +
                                '<input type="password" id="a65" style="background-color: white;width: 140px;outline: none;height: 24px;margin-left:10px;border: 1px solid #DDDDDD;padding:4px">' +
                                '<span style="margin-left: 10px;font-size: 12px;color:#B6c1c9">6-16位字符包含数字,字母(区分大小写)</span><div style="margin-top: 10px">' +
                                '确认密码<span style="color:red">*</span>' +
                                '<input type="password" id="a66" style="background-color: white;width: 140px;outline: none;height: 24px;margin-left:10px;border: 1px solid #DDDDDD;padding:4px">' +
                                '<span style="margin-left: 10px;font-size: 12px;color: #B6c1c9">两次输入密码需一致&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div>' +
                                '<div><span id="a67" style="color: red;font-size: 12px"></span></div>' +
                                '<div style="margin-top: 6px">' +
                                '<button id="a64"' +
                                'style="width: 60px;padding: 4px;font-size: 16px;color:white;background: #3A99DB;outline: none;border: none;border-radius: 4px">' +
                                '确认</button></div>');
                        $('#b4').css('background-color', '#7c7c7c');
                        $('#b5').css('background-color', '#3a99db');


                    });
                    $(document).on('click', '#a64', function () {
                        if ($('#a65').val() == $('#a66').val()) {
                            $('#a63').html('<h1>您的新密码已设置成功!</h1>' +
                                    '<div style="margin-top: 40px">' +
                                    '<button id="a68"' +
                                    'style="width: 60px;padding: 4px;font-size: 16px;color:white;background: #3A99DB;outline: none;border: none;border-radius: 4px">' +
                                    '完成</button> </div>');
                            $('#b5').css('background-color', '#7c7c7c');
                            $('#b6').css('background-color', '#3a99db');
                        }
                        else {
                            $('#a67').text('两次密码输入不一致')
                        }
                    })
                    $(document).on('click', '#a68', function () {
                        $('#a6').css('display', 'none');
                        $('#a61').text('修改');
                        a6 = true;
                    })
                </script>
                <!--内容component-->
                <div style="width: 100%;height: 44px;border-bottom: 1px solid #dfe5e9;font-size: 16px;padding-top: 10px">
                    <h4 style="display:inline;color: #2d3e4f;margin: 0"><span style="color: red">*</span>
                        手机验证</h4>
                    <h4 style="display:inline;color: red;float: right;margin-top:0;margin-bottom:0;margin-right: 10px">
                        <span style="color: #2d3e4f" id="a79"><?= Html::encode($user->mobile)?></span>
                        <img src="img/icon-04.png" style="width: 70px;margin-left: 20px;">
                        <span id="a71" style="cursor: pointer">修改</span></h4>

                </div>
                <!--over-->
                <div style="display:none;width: 100%;height: 180px;font-size: 14px;background-color: #eff3f5;padding-top: 7px;text-align: center"
                     id="a7">
                    <div style="color: #7f8c8d;margin-top: 10px;margin-bottom: 20px">
                        <!--<div style="display: inline-block;width: 30px;height: 30px;font-size: 20px;color: white;background-color: #3A99DB;border-radius: 50%;text-align: center;padding:1px 8px 2px 8px">-->
                        <!--1-->
                        <!--</div>-->
                        <span id="b1"
                              style="width: 30px;height: 30px;font-size: 16px;color: white;background-color: #3A99DB;border-radius: 50%;text-align: center;padding:6px 10px 4px 10px"
                        >1</span>
                        <!--<div style="display: block;height: 40px;margin-top: 0px">-->
                        <span style="margin-left: 4px;font-size: 16px">身份验证</span>
                        <!--</div>-->
                        <img src="img/heng.png" style="height: 22px;margin-left: 8px;margin-top: -6px">

                         <span id="b2"
                               style="margin-left: 8px;width: 30px;height: 30px;font-size: 16px;color: white;background-color: #7c7c7c;border-radius: 50%;text-align: center;padding:6px 10px 4px 10px"
                         >2</span>
                        <!--<div style="display: block;height: 40px;margin-top: 0px">-->
                        <span style="margin-left: 4px;font-size: 16px">验证新手机号码</span>
                        <!--</div>-->
                        <img src="img/heng.png" style="height: 22px;margin-left: 8px;margin-top: -6px">



                         <span id="b3"
                               style="margin-left: 8px;width: 30px;height: 30px;font-size: 16px;color: white;background-color: #7c7c7c;border-radius: 50%;text-align: center;padding:6px 10px 4px 10px"
                         >3</span>
                        <!--<div style="display: block;height: 40px;margin-top: 0px">-->
                        <span style="margin-left: 4px;font-size: 16px">设置成功</span>
                        <!--</div>-->
                        <!--<img src="img/heng.png" style="height: 22px;margin-left: 8px;margin-top: -6px">-->
                    </div>
                    <div style="clear: both"></div>
                    <div id="a73">
                        登陆密码
                        <input style="background-color: white;width: 140px;outline: none;height: 24px;margin-left:10px;border: 1px solid #DDDDDD;padding:4px">

                        <!--<button style="margin-left: 10px;outline: none;height: 24px;width: 100px;background-color: #B6c1c9;border: 1px solid #7c7c7c">-->
                        <!--获取验证码-->
                        <!--</button>-->
                        <!--<b?>-->
                        <!--<span style="color: #B6c1c9;font-size: 12px">-->
                        <!--验证码将会发送到你注册尾号为<span>9999</span>的手机上-->
                        <!--</span>-->
                        <div style="margin-top: 20px">
                            <button id="a72"
                                    style="width: 60px;padding: 4px;font-size: 16px;color:white;background: #3A99DB;outline: none;border: none;border-radius: 4px">
                                确认
                            </button>
                        </div>
                    </div>
                </div>
                <script>
                    var a7 = true;
                    var tel='';
                    $('#a71').click(function () {
                        if (a7) {
                            $('#a7').css('display', 'block');
                            $('#a71').text('取消');
                            a7 = false;
                        }
                        else {
                            $('#a7').css('display', 'none');
                            $('#a71').text('修改');
                            a7 = true;
                        }
                    });
                    $(document).on('click', '#a72', function () {
                        $('#b1').css('background-color', '#7c7c7c');
                        $('#b2').css('background-color', '#3a99db');
                        $('#a73').html('&nbsp;新手机号&nbsp;<span style="color:red">*</span>' +
                                '<input id="a75" style="background-color: white;width: 140px;outline: none;height: 24px;margin-left:10px;border: 1px solid #DDDDDD;padding:4px">' +
                                '<span style="margin-left: 100px">&nbsp;</span>' +
                                '<div style="margin-top: 10px">' +
                                '手机验证码<span style="color:red">*</span>' +
                                '<input id="a76" style="background-color: white;width: 140px;outline: none;height: 24px;margin-left:10px;border: 1px solid #DDDDDD;padding:4px">' +
                                '<button style="margin-left: 10px;outline: none;height: 24px;width: 100px;background-color: #B6c1c9;border: 1px solid #7c7c7c">' +
                                '获取验证码' +
                                '</button>' +
                                '<div><span id="a77" style="color: red;font-size: 12px"></span></div>' +
                                '<div style="margin-top: 6px">' +
                                '<button id="a74"' +
                                'style="width: 60px;padding: 4px;font-size: 16px;color:white;background: #3A99DB;outline: none;border: none;border-radius: 4px">' +
                                '确认</button></div>')
                    });

                    $(document).on('click','#a74',function () {
                        tel=$('#a75').val();
                        $('#b2').css('background-color', '#7c7c7c');
                        $('#b3').css('background-color', '#3a99db');
                        $('#a73').html('<h1>您的新手机号码已设置成功!</h1>' +
                                '<div style="margin-top: 40px">' +
                                '<button id="a78"' +
                                'style="width: 60px;padding: 4px;font-size: 16px;color:white;background: #3A99DB;outline: none;border: none;border-radius: 4px">' +
                                '完成</button> </div>')
                    });
                    $(document).on('click',"#a78",function () {
                        $('#a7').css('display', 'none');
                        $('#a71').text('修改');
                        $('#a79').text(tel);
                        a7 = true;
                    })
                </script>
                <!--内容component-->
                <div style="width: 100%;height: 44px;border-bottom: 1px solid #dfe5e9;font-size: 16px;padding-top: 10px">
                    <h4 style="display:inline;color: #2d3e4f;margin: 0"><span style="color: red">*</span>
                        邮箱认证</h4>
                    <h4 style="display:inline;color: red;float: right;margin-top:0;margin-bottom:0;margin-right: 10px">
                        <span id="a84" style="color: #2d3e4f"><?= $user->email ?></span>
                        <img src="img/icon-04.png" style="width: 70px">
                        <span id="a8" style="cursor: pointer">认证</span></h4>

                </div>
                <!--over-->
                <div id="a81"
                     style="display:none;width: 100%;height: 50px;background-color: #eff3f5;padding-top: 10px;padding-left: 10%">
                    <input id="a83"
                           style="height: 24px;background-color: inherit;border: 1px solid #7c7c7c;padding: 4px;outline: none"
                           placeholder="在此输入您的新邮箱">
                    <span id="a85" style="font-size: 12px;color: red"></span>
                    <button id="a82"
                            style="margin-left: 10px;border: none;background-color: #7c7c7c;color: white;padding: 4px 10px;outline: none">
                        完成
                    </button>
                </div>
                <script>
                    var a8 = true;
                    $('#a8').click(function () {
                        if (a8) {
                            $('#a8').text('取消');
                            $('#a81').css('display', '');
                            a8 = false;
                        }
                        else {
                            $('#a8').text('认证');
                            $('#a81').css('display', 'none');
                            a8 = true;
                        }
                    })
                    $('#a82').click(function () {
                        var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
                        isOk = reg.test($('#a83').val());
                        if (isOk) {
                            $('#a84').text($('#a83').val());
                            $('#a85').text('');
                            $('#a8').text('认证');
                            $('#a81').css('display', 'none');
                            a8 = true;
                        }
                        else {
                            $('#a85').text('请输入正确邮箱格式');
                        }
                    })
                </script>
                <!--概括component-->
                <div style="width: 100%;height: 40px;background-color: #99d3ef;">
                    <div style="float: left;background-color: #55B6E4;width: 2%;height: 40px"></div>
                    <div style="float: left;padding-top: 4px;margin-left: 10px">
                        <span style="font-size: 20px">资料完善</span></div>
                </div>
                <!--over-->
                <!--内容component-->
                <div style="width: 100%;height: 44px;border-bottom: 1px solid #dfe5e9;font-size: 16px;padding-top: 10px">
                    <h4 style="display:inline;color: #2d3e4f;margin: 0"><span style="color: red">*</span>
                        资料完善</h4>
                    <h4 id="a9"
                        style="cursor: pointer;display:inline;color: red;float: right;margin-top:0;margin-bottom:0;margin-right: 10px">
                        <!--<img src="img/icon-04.png" style="width: 70px">-->
                        修改</h4>

                </div>
                <!--over-->
                <div id="a91"
                     style="display: none;width: 100%;background-color:#eff3f5;height: 240px;padding-top: 20px;padding-left: 5% ">
                    <div>
                        <span style="font-size: 16px" >个人介绍<span style="color: red">*</span></span>
                        <input id="selfIntro" value=<?= $user->selfIntro?> style="background-color:white;border: 1px solid #DDDDDD;height: 26px;padding: 4px;outline: none">
                    </div>
                    <div style="margin-top: 10px">
                        <span style="font-size: 16px">所属行业<span style="color: red">*</span></span>
                        <select class="field">
                            <? foreach($fields as $field): ?>
                            <option><?= Html::encode($field->field_name)?></option>
                            <? endforeach;?>
                        </select>
                    </div>
                    <div style="margin-top: 10px">
                        <span style="font-size: 16px">&nbsp;&nbsp;&nbsp;&nbsp;所在地<span
                                style="color: red">*</span></span>
                        <select class="getProvince" name="select" onchange="getCities();">
                            <? foreach($provinces as $province):?>
                            <option id="<?= Html::encode($province->id)?>"><?= Html::encode($province->province)?></option>
<!--                                <div style="display: none">--><?//= Html::encode($province->id)?><!--</div>-->
                            <? endforeach;?>
                        </select>
                        <select style="margin-left: 20px" class="getCities">
                            <option>--请选择--</option>
                        </select>
                    </div>
                    <div style="margin-top:10px">
                        <span style="font-size: 16px" >联系地址<span style="color: red">*</span></span>
                        <input style="background-color:white;border: 1px solid #DDDDDD;height: 26px;padding: 4px;outline: none" id="detailAddr">
                    </div>
                    <div style="margin-top: 20px;width: 100%;text-align: center">
                        <button id="a92" 
                                style="width: 60px;padding: 4px;font-size: 16px;color:white;background: #3A99DB;outline: none;border: none;border-radius: 4px">
                            确认
                        </button>
                    </div>
                </div>
                <script>
                    var a9 = true;
                    $('#a9').click(function () {
                        if (a9) {
                            $('#a9').text('取消');
                            $('#a91').css('display', '');
                            a9 = false;
                        }
                        else {
                            $('#a9').text('修改');
                            $('#a91').css('display', 'none');
                            a9 = true;
                        }
                    });
                    $('#a92').click(function () {
                        $('#a9').text('修改');
                        $('#a91').css('display', 'none');
                        a9 = true;
                    })
                </script>

            </div>
            <div style="text-align: center">
                <button class="unClick" onclick="update(<?= $_COOKIE['user_id'];?>);"
                        style="outline: none;width: 100px;border:none;border-bottom: 2px solid rgb(29,114,158);margin-top: 20px">
                    保存设置
                </button>
            </div>
<!--        </div>-->
    <div style="width: 100%;clear: both"></div>

<div style="width: 100%;clear:both"></div>
</body>
<style type="text/css">
    #usercenter {background-color: #5790AC}
</style>
<script>
    var like = document.getElementById("usercenter");
    like.innerHTML += "<img src='img/san.png' style='height: 40px;margin-top: -6px;float: right'> ";
</script>